<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!-- 引入基本样式表 -->
		<link rel="stylesheet" href="css/normalize.css" />
		<link rel="stylesheet" href="css/index.css" />
		<title>携程在手,说走就走</title>
	</head>
	<body>
		<!-- 返回顶部模块 -->
		<div class="goback"></div>
		<!-- 	搜索模块  -->
		<div class="search-index">
			<div class="search">
				搜索：目的地/酒店/景点/航班号
			</div>
			<a href="#" class="user">
				我 的
			</a>
		</div>
		<!-- 焦点图模块 -->
		<div class="focus">
			<ul>
				<li><img src="uplaod/focus3.jpg"></li>
				<li><img src="uplaod/focus1.jpg"></li>
				<li><img src="uplaod/focus2.jpg"></li>
				<li><img src="uplaod/focus3.jpg"></li>
				<li><img src="uplaod/focus1.jpg"></li>
			</ul>
			<!--  小圆点-->
			<ol>
				<li class="current"></li>
				<li></li>
				<li></li>
			</ol>

		</div>
		<!-- 局部导航 -->
		<ul class="local-nav">
			<li>
				<a href="#">
					<span class="local-nav-icon-icon1"></span>
					<span>景点·玩乐</span>
				</a>
			</li>
			<li><a href="#" title="景点玩乐">
					<span class="local-nav-icon-icon2"></span>
					<span>景点·玩乐</span>
				</a></li>
			<li>
				<a href="#">
					<span class="local-nav-icon-icon3"></span>
					<span>景点·玩乐</span>
				</a>
			</li>
			<li><a href="#" title="景点玩乐">
					<span class="local-nav-icon-icon4"></span>
					<span>景点·玩乐</span>
				</a></li>
			<li>
				<a href="#">
					<span class="local-nav-icon-icon5"></span>
					<span>景点·玩乐</span>
				</a>
			</li>
		</ul>
		<!--  主导航栏-->
		<nav>
			<div class="nav-common">
				<div class="nav-item"><a href="">海外酒店</a></div>
				<div class="nav-item"><a href="">海外酒店</a><a href="">特价酒店</a></div>
				<div class="nav-item"><a href="">海外酒店</a><a href="">特价酒店</a></div>
			</div>
			<div class="nav-common">
				<div class="nav-item"><a href="">海外酒店</a></div>
				<div class="nav-item"><a href="">海外酒店</a><a href="">特价酒店</a></div>
				<div class="nav-item"><a href="">海外酒店</a><a href="">特价酒店</a></div>
			</div>
			<div class="nav-common">
				<div class="nav-item"><a href="">海外酒店</a></div>
				<div class="nav-item"><a href="">海外酒店</a><a href="">特价酒店</a></div>
				<div class="nav-item"><a href="">海外酒店</a><a href="">特价酒店</a></div>
			</div>
		</nav>
		<!-- 侧导航栏 -->
		<ul class="subnav-entry">
			<li>
				<a href="#">
					<span class="subnav-entry-icon"></span>
					<span>WIFI电话卡</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="subnav-entry-icon"></span>
					<span>WIFI电话卡</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="subnav-entry-icon"></span>
					<span>WIFI电话卡</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="subnav-entry-icon"></span>
					<span>WIFI电话卡</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="subnav-entry-icon"></span>
					<span>WIFI电话卡</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="subnav-entry-icon"></span>
					<span>WIFI电话卡</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="subnav-entry-icon"></span>
					<span>WIFI电话卡</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="subnav-entry-icon"></span>
					<span>WIFI电话卡</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="subnav-entry-icon"></span>
					<span>WIFI电话卡</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="subnav-entry-icon"></span>
					<span>WIFI电话卡</span>
				</a>
			</li>
		</ul>

		<!-- 销售模块 -->
		<div class="sales-box">
			<div class="sales-hd">
				<h2>热门活动</h2>
				<a href="#">获取更多福利</a>
			</div>
			<div class="sales-bd">
				<div class="row">
					<a href=""><img src="uplaod/pic1.jpg"></a>
					<a href=""><img src="uplaod/pic2.jpg"></a>
				</div>
				<div class="row">
					<a href=""><img src="uplaod/pic3.jpg"></a>
					<a href=""><img src="uplaod/pic4.jpg"></a>
				</div>
				<div class="row">
					<a href=""><img src="uplaod/pic5.jpg"></a>
					<a href=""><img src="uplaod/pic6.jpg"></a>
				</div>
			</div>
		</div>
	</body>
</html>
